<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>ChildrenEducation</title>
		<link rel="stylesheet" type="text/css" href="./res/index.css"/>
	</head>
<body>
	<div class = "top">
		<ul>
			<li><a href="">课程分类</a></li>
			<li><a href="">项目</a></li>
			<li><a href="">关于</a></li>
			
		</ul>
	</div>

	<div class="list_style">
		<h1>课程1:</h1>
		<p>课程1旨在让初学者学习鼠标拖动，解决问题的能力，适合4-6岁儿童使用</p>
		<br>
		<a href="./course1.html"><img border="0" src="./course1/res1/panda_0.jpg" alt="MonkeyKing" width="120" height="120"></a>
		<a href="./course1.html"><img border="0" src="./course1/res1/panda.png" alt="MonkeyKing" width="120" height="120"></a>
		<a href="./course1.html"><img border="0" src="./course1/res1/mouse.jpg" alt="MonkeyKing" width="120" height="120"></a>
		<a href="./course1.html"><img border="0" src="./course1/res1/duck.jpg" alt="MonkeyKing" width="120" height="120"></a>
		<br><br><br><br>
		<button class="btn1">马上试试</button>
		<button class="btn2">获取帮助</button>
		<br><br><br>
		<table class="table_style">
			<tr>
				<th width="30%">课程名称</th>
				<th width="70%">进度</th>
			</tr>

			<tr>
			<td><div class="tooltip">1.拼图：学习拖放
				<span class="tooltiptext">拼图：学习拖放</span></div>
			</td>
			<td>
				<a href="./course1/course1-1.html"><button class="toolbutton">1</button></a>
                <a href="./course1/course1-1/course1-1-2.html"><button class="toolbutton">2</button></a>
				<a href="./course1/course1-1/course1-1-3.html"><button class="toolbutton">3</button></a>
                <a href="./course1/course1-1/course1-1-4.html"><button class="toolbutton">4</button></a>
				<a href="./course1/course1-1/course1-1-5.html"><button class="toolbutton">5</button></a>
				<a href="./course1/course1-1/course1-1-6.html"><button class="toolbutton">6</button></a>
				<a href="./course1/course1-1/course1-1-7.html"><button class="toolbutton">7</button></a>
                <a href="./course1/course1-1/course1-1-8.html"><button class="toolbutton">8</button></a>
				<a href="./course1/course1-1/course1-1-9.html"><button class="toolbutton">9</button></a>
			</td>
			</tr>

			<tr>
			<td><div class="tooltip">2.迷宫：序列
				<span class="tooltiptext">迷宫：序列</span></div>
			</td>
			<td>
				<a href="./course1/course1-2.html"><button class="toolbutton">1</button></a>
				<a href="./course1/course1-2/course1-2-2.html"><button class="toolbutton">2</button></a>
				<a href="./course1/course1-2/course1-2-3.html"><button class="toolbutton">3</button></a>
				<a href="./course1/course1-2/course1-2-4.html"><button class="toolbutton">4</button></a>
				<a href="./course1/course1-2/course1-2-5.html"><button class="toolbutton">5</button></a>
				<a href="./course1/course1-2/course1-2-6.html"><button class="toolbutton">6</button></a>
				<a href="./course1/course1-2/course1-2-7.html"><button class="toolbutton">7</button></a>
				<a href="./course1/course1-2/course1-2-8.html"><button class="toolbutton">8</button></a>
				<a href="./course1/course1-2/course1-2-9.html"><button class="toolbutton">9</button></a>
				<a href="./course1/course1-2/course1-2-10.html"><button class="toolbutton">10</button></a>
				<a href="./course1/course1-2/course1-2-11.html"><button class="toolbutton">11</button></a>
				<a href="./course1/course1-2/course1-2-12.html"><button class="toolbutton">12</button></a>
			</td>
			</tr>
			
			<tr>
			<td><div class="tooltip">3.迷宫：调试中
				<span class="tooltiptext">迷宫：调试中</span></div>
			</td>
			<td>
				<a href="./course1/course1-3.html"><button class="toolbutton">1</button></a>
				<a href="./course1/course1-3/course1-3-2.html"><button class="toolbutton">2</button></a>
				<a href="./course1/course1-3/course1-3-3.html"><button class="toolbutton">3</button></a>
				<a href="./course1/course1-3/course1-3-4.html"><button class="toolbutton">4</button></a>
				<a href="./course1/course1-3/course1-3-5.html"><button class="toolbutton">5</button></a>
				<a href="./course1/course1-3/course1-3-6.html"><button class="toolbutton">6</button></a>
				<a href="./course1/course1-3/course1-3-7.html"><button class="toolbutton">7</button></a>
				<a href="./course1/course1-3/course1-3-8.html"><button class="toolbutton">8</button></a>
				<a href="./course1/course1-3/course1-3-9.html"><button class="toolbutton">9</button></a>
				<a href="./course1/course1-3/course1-3-10.html"><button class="toolbutton">10</button></a>
				<a href="./course1/course1-3/course1-3-11.html"><button class="toolbutton">11</button></a>
				<a href="./course1/course1-3/course1-3-12.html"><button class="toolbutton">12</button></a>
			</td>
			</tr>
			
			<tr>
				<td><div class="tooltip">4.小艺术家：序列
					<span class="tooltiptext">小艺术家：序列</span></div>
				</td>
				<td>
					<a href="./course1/course1-4.html"><button class="toolbutton">1</button></a>
					<a href="./course1/course1-4/course1-4-2.html"><button class="toolbutton">2</button></a>
					<a href="./course1/course1-4/course1-4-3.html"><button class="toolbutton">3</button></a>
					<a href="./course1/course1-4/course1-4-4.html"><button class="toolbutton">4</button></a>
					<a href="./course1/course1-4/course1-4-5.html"><button class="toolbutton">5</button></a>
					<a href="./course1/course1-4/course1-4-6.html"><button class="toolbutton">6</button></a>
					<a href="./course1/course1-4/course1-4-7.html"><button class="toolbutton">7</button></a>
					<a href="./course1/course1-4/course1-4-8.html"><button class="toolbutton">8</button></a>
				</td>
			</tr>

			<tr>
				<td><div class="tooltip">5.灰太狼：序列
					<span class="tooltiptext">蜜蜂：序列</span></div>
				</td>
				<td>
					<a href="./course1/course1-5.html"><button class="toolbutton">1</button></a>
					<a href="./course1/course1-5/course1-5-2.html"><button class="toolbutton">2</button></a>
					<a href="./course1/course1-5/course1-5-3.html"><button class="toolbutton">3</button></a>
					<a href="./course1/course1-5/course1-5-4.html"><button class="toolbutton">4</button></a>
					<a href="./course1/course1-5/course1-5-5.html"><button class="toolbutton">5</button></a>
					<a href="./course1/course1-5/course1-5-6.html"><button class="toolbutton">6</button></a>
					<a href="./course1/course1-5/course1-5-7.html"><button class="toolbutton">7</button></a>
					<a href="./course1/course1-5/course1-5-8.html"><button class="toolbutton">8</button></a>
					<a href="./course1/course1-5/course1-5-9.html"><button class="toolbutton">9</button></a>
					<a href="./course1/course1-5/course1-5-10.html"><button class="toolbutton">10</button></a>
					<a href="./course1/course1-5/course1-5-11.html"><button class="toolbutton">11</button></a>
					<a href="./course1/course1-5/course1-5-12.html"><button class="toolbutton">12</button></a>
				</td>
			</tr>

			<tr>
				<td><div class="tooltip">6.灰太狼：循环
					<span class="tooltiptext">灰太狼：循环</span></div>
				</td>
				<td>
					<a href="./course1/course1-6.html"><button class="toolbutton">1</button></a>
					<a href="./course1/course1-6/course1-6-2.html"><button class="toolbutton">2</button></a>
					<a href="./course1/course1-6/course1-6-3.html"><button class="toolbutton">3</button></a>
					<a href="./course1/course1-6/course1-6-4.html"><button class="toolbutton">4</button></a>
					<a href="./course1/course1-6/course1-6-5.html"><button class="toolbutton">5</button></a>
					<a href="./course1/course1-6/course1-6-6.html"><button class="toolbutton">6</button></a>
					<a href="./course1/course1-6/course1-6-7.html"><button class="toolbutton">7</button></a>
					<a href="./course1/course1-6/course1-6-8.html"><button class="toolbutton">8</button></a>
					<a href="./course1/course1-6/course1-6-9.html"><button class="toolbutton">9</button></a>
					<a href="./course1/course1-6/course1-6-10.html"><button class="toolbutton">10</button></a>
					<a href="./course1/course1-6/course1-6-11.html"><button class="toolbutton">11</button></a>
					<a href="./course1/course1-6/course1-6-12.html"><button class="toolbutton">12</button></a>
				</td>
			</tr>

			<tr>
				<td><div class="tooltip">7.迷宫：循环
					<span class="tooltiptext">迷宫：循环</span></div>
				</td>
				<td>
					<a href="./course1/course1-7.html"><button class="toolbutton">1</button></a>
					<a href="./course1/course1-7/course1-7-2.html"><button class="toolbutton">2</button></a>
					<a href="./course1/course1-7/course1-7-3.html"><button class="toolbutton">3</button></a>
					<a href="./course1/course1-7/course1-7-4.html"><button class="toolbutton">4</button></a>
					<a href="./course1/course1-7/course1-7-5.html"><button class="toolbutton">5</button></a>
					<a href="./course1/course1-7/course1-7-6.html"><button class="toolbutton">6</button></a>
					<a href="./course1/course1-7/course1-7-7.html"><button class="toolbutton">7</button></a>
					<a href="./course1/course1-7/course1-7-8.html"><button class="toolbutton">8</button></a>
					<a href="./course1/course1-7/course1-7-9.html"><button class="toolbutton">9</button></a>
					<a href="./course1/course1-7/course1-7-10.html"><button class="toolbutton">10</button></a>
					<a href="./course1/course1-7/course1-7-11.html"><button class="toolbutton">11</button></a>
				</td>
			</tr>

			<tr>
				<td><div class="tooltip">8.拼字游戏
					<span class="tooltiptext">拼字游戏</span></div>
				</td>
				<td>
					<a href="./course1/course1-8.html"><button class="toolbutton">1</button></a>
				<a href="./course1/course1-8/course1-8-2.html"><button class="toolbutton">2</button></a>
				<a href="./course1/course1-8/course1-8-3.html"><button class="toolbutton">3</button></a>
				<a href="./course1/course1-8/course1-8-4.html"><button class="toolbutton">4</button></a>
				<a href="./course1/course1-8/course1-8-5.html"><button class="toolbutton">5</button></a>
				<a href="./course1/course1-8/course1-8-6.html"><button class="toolbutton">6</button></a>
				<a href="./course1/course1-8/course1-8-7.html"><button class="toolbutton">7</button></a>
				<a href="./course1/course1-8/course1-8-8.html"><button class="toolbutton">8</button></a>

				</td>
			</tr>

			<tr>
				<td><div class="tooltip">9.游戏实验室：创建一个故事
					<span class="tooltiptext">游戏实验室：创建一个故事</span></div>
				</td>
				<td>
					<a href="./course1/course1-9.html"><button class="toolbutton">1</button></a>
				<a href="./course1/course1-9/course1-9-2.html"><button class="toolbutton">2</button></a>
				<a href="./course1/course1-9/course1-9-3.html"><button class="toolbutton">3</button></a>
				</td>
			</tr>

			<tr>
				<td><div class="tooltip">10.小艺术家：形状
					<span class="tooltiptext">小艺术家：形状</span></div>
				</td>
				<td>
					<a href="./course1/course1-10.html"><button class="toolbutton">1</button></a>
				<a href="./course1/course1-10/course1-10-2.html"><button class="toolbutton">2</button></a>
				<a href="./course1/course1-10/course1-10-3.html"><button class="toolbutton">3</button></a>
				<a href="./course1/course1-10/course1-10-4.html"><button class="toolbutton">4</button></a>
				<a href="./course1/course1-10/course1-10-5.html"><button class="toolbutton">5</button></a>
				<a href="./course1/course1-10/course1-10-6.html"><button class="toolbutton">6</button></a>
				<a href="./course1/course1-10/course1-10-7.html"><button class="toolbutton">7</button></a>
				<a href="./course1/course1-10/course1-10-8.html"><button class="toolbutton">8</button></a>
				</td>
			</tr>

			<tr>
				<td><div class="tooltip">11.小艺术家：循环
					<span class="tooltiptext">小艺术家：循环</span></div>
				</td>
				<td>
					<a href="./course1/course1-11.html"><button class="toolbutton">1</button></a>
				<a href="./course1/course1-11/course1-11-2.html"><button class="toolbutton">2</button></a>
				<a href="./course1/course1-11/course1-11-3.html"><button class="toolbutton">3</button></a>
				<a href="./course1/course1-11/course1-11-4.html"><button class="toolbutton">4</button></a>
				<a href="./course1/course1-11/course1-11-5.html"><button class="toolbutton">5</button></a>
				<a href="./course1/course1-11/course1-11-6.html"><button class="toolbutton">6</button></a>
				<a href="./course1/course1-11/course1-11-7.html"><button class="toolbutton">7</button></a>
				<a href="./course1/course1-11/course1-11-8.html"><button class="toolbutton">8</button></a>
				</td>
			</tr>
		</table>
	</div>

	</body>
</html>
